<template>
    <div id="7pz-llewdg60-5eo" class="component container-component component-group"
        style="transform: translate(546px, 11px) rotate(0deg); width: 846px; height: 50px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px; transition: unset; z-index: 3;">
        <div class="lib-comp-group" style="opacity: 1; width: 846px; height: 50px;">
            <div id="7ps-llehentn-1po" class="component component-text"
                style="transform: translate(220px, 0px) rotate(0deg); width: 414px; height: 50px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px; pointer-events: none; transition: unset; z-index: 1;">
                <div class="lib-comp-text" style="overflow: hidden; opacity: 1;">
                    <div class="atom-comp-text normal wrap"
                        style="font-size: 78px;  text-align: center; color: rgb(155, 229, 251); font-weight: bold; letter-spacing: 20px; white-space: nowrap; word-break: normal; line-height: 100px; transform-origin: left top; transform: scale(0.5); transition: unset; position: absolute; top: 0px; left: 0px; width: 828px; min-width: 828px;">
                        <span style="font-weight:bold">OFS履约数据大屏</span></div>
                </div>
            </div>
            <div id="7pz-llewdg60-4ld" class="component optimization container-component component-compoundPath"
                style="transform: translate(0px, 5px) rotate(0deg); width: 190px; height: 39.5px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px; pointer-events: none; transition: unset; z-index: 2;">
                <div class="lib-comp-compound-path" style="width: 190px; height: 39.5px;"><svg
                        style="pointer-events: none; overflow: visible; top: 0px; left: 0px; position: absolute; opacity: 1; transition: unset; transform: scale(1); transform-origin: left top;">
                        <defs>
                            <linearGradient id="compoundPath-fill-7pz-llewdg60-4ld" x1="0" x2="1"
                                y1="0.20789473684210527" y2="0.20789473684210527">
                                <stop offset="0%" stop-color="rgba(100, 252, 252, 0)"></stop>
                                <stop offset="100%" stop-color="rgba(100, 252, 252, 1)"></stop>
                            </linearGradient>
                        </defs>
                        <defs>
                            <clipPath id="compoundPath-clip-path-7pz-llewdg60-4ld-j5pb-1ni">
                                <path
                                    d="M179.37618,26h-179.37618v-3h181v0.20272l9,14.79728l-2.17499,1.5z M187.82501,0l2.17499,1.5l-9,14.79728v0.20272h-181v-3h179.37618z "
                                    fill="url(#compoundPath-fill-7pz-llewdg60-4ld)" stroke-width="0"
                                    style="transition: unset;"></path>
                            </clipPath>
                        </defs>
                        <g style="clip-path: url(&quot;#compoundPath-clip-path-7pz-llewdg60-4ld-j5pb-1ni&quot;);">
                            <rect x="0" y="0" width="190" height="190" fill="url(#compoundPath-fill-7pz-llewdg60-4ld)"
                                style="transition: unset;"></rect>
                        </g>
                        <defs>
                            <path id="stroke-path-7pz-llewdg60-4ld" fill-rule="evenodd"
                                d="M179.37618,26h-179.37618v-3h181v0.20272l9,14.79728l-2.17499,1.5z M187.82501,0l2.17499,1.5l-9,14.79728v0.20272h-181v-3h179.37618z "
                                style="transition: unset; transform-origin: left top;"></path>
                            <clipPath id="clip-path-7pz-llewdg60-4ld">
                                <use href="#stroke-path-7pz-llewdg60-4ld"></use>
                            </clipPath>
                        </defs>
                        <use fill-opacity="0" fill="none" stroke="none" stroke-width="0"
                            clip-path="url(#clip-path-7pz-llewdg60-4ld)" href="#stroke-path-7pz-llewdg60-4ld"></use>
                        <path
                            d="M179.37618,26h-179.37618v-3h181v0.20272l9,14.79728l-2.17499,1.5z M187.82501,0l2.17499,1.5l-9,14.79728v0.20272h-181v-3h179.37618z "
                            fill="none" stroke-width="8" stroke="transparent"></path>
                    </svg></div>
            </div>
            <div id="7pz-llewdg60-4mt" class="component optimization container-component component-compoundPath"
                style="transform: translate(656px, 5px) rotate(0deg); width: 190px; height: 40px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px; pointer-events: none; transition: unset; z-index: 3;">
                <div class="lib-comp-compound-path" style="width: 190px; height: 40px;"><svg
                        style="pointer-events: none; overflow: visible; top: 0px; left: 0px; position: absolute; opacity: 1; transition: unset; transform: scale(1); transform-origin: left top;">
                        <defs>
                            <linearGradient id="compoundPath-fill-7pz-llewdg60-4mt" x1="1" x2="0"
                                y1="0.21052631578947367" y2="0.21052631578947367">
                                <stop offset="0%" stop-color="rgba(100, 252, 252, 0)"></stop>
                                <stop offset="100%" stop-color="rgba(100, 252, 252, 1)"></stop>
                            </linearGradient>
                        </defs>
                        <defs>
                            <clipPath id="compoundPath-clip-path-7pz-llewdg60-4mt-j5pb-1nj">
                                <path
                                    d="M10.62382,13.5h179.37618v3h-181v-0.20272l-9,-14.79728l2.17499,-1.5z M2.17499,40l-2.17499,-1.5l9,-14.79728v-0.20272h181v3h-179.37618z "
                                    fill="url(#compoundPath-fill-7pz-llewdg60-4mt)" stroke-width="0"
                                    style="transition: unset;"></path>
                            </clipPath>
                        </defs>
                        <g style="clip-path: url(&quot;#compoundPath-clip-path-7pz-llewdg60-4mt-j5pb-1nj&quot;);">
                            <rect x="0" y="0" width="190" height="190" fill="url(#compoundPath-fill-7pz-llewdg60-4mt)"
                                style="transition: unset;"></rect>
                        </g>
                        <defs>
                            <path id="stroke-path-7pz-llewdg60-4mt" fill-rule="evenodd"
                                d="M10.62382,13.5h179.37618v3h-181v-0.20272l-9,-14.79728l2.17499,-1.5z M2.17499,40l-2.17499,-1.5l9,-14.79728v-0.20272h181v3h-179.37618z "
                                style="transition: unset; transform-origin: left top;"></path>
                            <clipPath id="clip-path-7pz-llewdg60-4mt">
                                <use href="#stroke-path-7pz-llewdg60-4mt"></use>
                            </clipPath>
                        </defs>
                        <use fill-opacity="0" fill="none" stroke="none" stroke-width="0"
                            clip-path="url(#clip-path-7pz-llewdg60-4mt)" href="#stroke-path-7pz-llewdg60-4mt"></use>
                        <path
                            d="M10.62382,13.5h179.37618v3h-181v-0.20272l-9,-14.79728l2.17499,-1.5z M2.17499,40l-2.17499,-1.5l9,-14.79728v-0.20272h181v3h-179.37618z "
                            fill="none" stroke-width="8" stroke="transparent"></path>
                    </svg></div>
            </div>
        </div>
    </div>
</template>

<style scoped>
.component {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1px;
    min-height: 1px;
    cursor: inherit;
}
</style>